
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <link type="text/css" rel="stylesheet" href="estilo.css" />
    <h1>#{msg.crear_nueva_cuenta}</h1>
       
    <h:panelGrid columns="3">
                <p:outputLabel value="#{msg.Login_usuario}:" />
                <p:inputText id="username" 
                                       requiredMessage="* #{msg.necesario}"
                                       value="#{usermanager.username}"
                                       required="true"
                                       validator="#{usermanager.isUsernameValid}"/>
                <p:message for="contentform:username"/>
                <p:outputLabel value="#{msg.Login_password}:" />
                <p:password id="password" feedback="true" 
                    promptLabel="#{msg.pass_intro}" weakLabel="#{msg.pass_debil}"  
                    goodLabel="#{msg.pass_buena}" strongLabel="#{msg.pass_fuerte}"
                                 requiredMessage="* #{msg.necesario}"
                                 value="#{usermanager.password}"
                                 required="true"/>
                <p:message for="contentform:password"/>
                <p:outputLabel value="#{msg.Login_password} (verify):" /> 
                <p:password id="passwordv"   
                                        requiredMessage="* #{msg.necesario}"
                                        value="#{usermanager.passwordv}"
                                        required="true"/>
                <p:message for="contentform:passwordv"/>
                <p:outputLabel value="Email:" />
                <p:inputText id="email"       
                                 requiredMessage="* #{msg.necesario}"
                                 value="#{usermanager.email}"
                                 required="true"/>  
                <p:message for="contentform:email"/>
                <p:outputLabel value="#{msg.Login_genero}:" />
                <p:selectOneRadio id="genero"
                                        required="true"
                                        requiredMessage="* #{msg.necesario}"
                                        value="#{usermanager.genero}">
                           <f:selectItem itemValue="h"
                                         itemLabel="#{msg.radio_hombre}  "/>
                           <f:selectItem itemValue="m"
                                         itemLabel="#{msg.radio_mujer}"/>
                </p:selectOneRadio>
                <p:message for="contentform:genero"/>

                <p:outputLabel value=" " />                
                <p:captcha label="pruebacaptcha" id="pcaptcha" theme="white"
                           requiredMessage="#{msg.valor_necesario_captcha}"
                           validatorMessage="#{msg.valor_incorrecto_captcha}"/>
                <p:outputLabel value=" " />

                <p:outputLabel value=" " />
                <h:commandButton id="submit" 
                         value="#{msg.boton_crear}"
                         action="#{usermanager.createUser}"/>
                <p:outputLabel value=" " />
                

    </h:panelGrid>
</ui:composition>